﻿@using AutoClub.Support
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Auto Club Pigue</title>
    <link href="@Url.Content("~/Content/Site.css")" rel="stylesheet" type="text/css" media="screen" />
    <link href="@Url.Content("~/Content/jquery.mCustomScrollbar.css")" rel="stylesheet" type="text/css" media="screen" />
    <link href="@Url.Content("~/Content/themes/base/jquery.ui.all.css")" rel="stylesheet" type="text/css" media="screen" />
    <script src="@Url.Content("~/Scripts/jquery-1.5.1.min.js")" type="text/javascript"></script>
    <script src="@Url.Content("~/Scripts/jquery-ui-1.8.11.min.js")" type="text/javascript"></script>
</head>
<body>
    <div class="page">
        <header>
           <hgroup>
                <h1>Auto Club Pigüé</h1>
            </hgroup>
            <nav>
              <ul id="menu" class="menu">
                       <li>@Html.ImageMenu(Url.Action("Index", "Home"), new { id = "home" }, "~/Content/images/1_menu.jpg", string.Empty, "Inicio", "Página Principal")</li>
                       @{if (User.IsAdmin())
                         {  
                           <li>@Html.ImageMenu(Url.Action("Add", "Race"), new { id = "register" }, "~/Content/images/2_menu.jpg", string.Empty, "Carrera", "Nueva Carrera")</li>  
                           <li>@Html.ImageMenu(Url.Action("ChangeStatus", "Race"), new { id = "races" }, "~/Content/images/3_menu.jpg", string.Empty, "Carrera", "Cambiar Estado")</li>
                         }
                         else
                         {
                           <li>@Html.ImageMenu(Url.Action("Register", "Account"), new { id = "register" }, "~/Content/images/2_menu.jpg", string.Empty, "Registrarse", "Nueva Cuenta")</li>
                           <li>@Html.ImageMenu(string.Empty, new { id = "races" }, "~/Content/images/3_menu.jpg", string.Empty, "Carreras", "Información")</li>
                         }
                       }
                       
                       <li>@Html.ImageMenu(string.Empty, new { id = "contact" }, "~/Content/images/1_menu.jpg", string.Empty, "Contacto", "Encuéntrenos")</li>
              </ul>
            </nav>
        </header>
        <section id="main">
        <div class="autoclubcontent">
                @RenderBody()
        </div>
            <section id="bg">
                  <section id="overlay"></section>
                  <a href="#" class="nextImageBtn" title="next"></a><a href="#" class="prevImageBtn" title="previous"></a><img src="@Url.Content("~/Content/images/gallery/1.jpg")" alt="Titulo Imagen 1" title="Titulo Imagen 1" id="bgimg" />
            </section>
            <div id="preloader"><img src="@Url.Content("~/Content/images/ajax-loader_dark.gif")" width="32" height="32" alt="" /></div>
            <div id="img_title"></div>
            <div id="toolbar"> @Html.Partial("_LogOnPartial")</div>
            <div id="thumbnails_wrapper">
  <div id="outer_container">
    <div class="thumbScroller">
      <div class="container">
        <div class="content">
          <div><a href="@Url.Content("~/Content/images/gallery/1.jpg")"><img src="@Url.Content("~/Content/images/gallery/1_thumb.jpg")" title="Titulo Imagen 1" alt="Titulo Imagen 1" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="@Url.Content("~/Content/images/gallery/2.jpg")"><img src="@Url.Content("~/Content/images/gallery/2_thumb.jpg")" title="Titulo Imagen 2" alt="Titulo Imagen 2" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="@Url.Content("~/Content/images/gallery/3.jpg")"><img src="@Url.Content("~/Content/images/gallery/3_thumb.jpg")" title="Titulo Imagen 3" alt="Titulo Imagen 3" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="@Url.Content("~/Content/images/gallery/4.jpg")"><img src="@Url.Content("~/Content/images/gallery/4_thumb.jpg")" title="Titulo Imagen 4" alt="Titulo Imagen 4" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="@Url.Content("~/Content/images/gallery/5.jpg")"><img src="@Url.Content("~/Content/images/gallery/5_thumb.jpg")" title="Titulo Imagen 5" alt="Titulo Imagen 5" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="@Url.Content("~/Content/images/gallery/6.jpg")"><img src="@Url.Content("~/Content/images/gallery/6_thumb.jpg")" title="Titulo Imagen 6" alt="Titulo Imagen 6" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="@Url.Content("~/Content/images/gallery/1.jpg")"><img src="@Url.Content("~/Content/images/gallery/1_thumb.jpg")" title="Titulo Imagen 7" alt="Titulo Imagen 7" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="@Url.Content("~/Content/images/gallery/2.jpg")"><img src="@Url.Content("~/Content/images/gallery/2_thumb.jpg")" title="Titulo Imagen 8" alt="Titulo Imagen 8" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="@Url.Content("~/Content/images/gallery/3.jpg")"><img src="@Url.Content("~/Content/images/gallery/3_thumb.jpg")" title="Titulo Imagen 9" alt="Titulo Imagen 9" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="@Url.Content("~/Content/images/gallery/4.jpg")"><img src="@Url.Content("~/Content/images/gallery/4_thumb.jpg")" title="Titulo Imagen 10" alt="Titulo Imagen 10" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="@Url.Content("~/Content/images/gallery/5.jpg")"><img src="@Url.Content("~/Content/images/gallery/5_thumb.jpg")" title="Titulo Imagen 11" alt="Titulo Imagen 11" class="thumb" /></a></div>
        </div>
        <div class="content">
          <div><a href="@Url.Content("~/Content/images/gallery/6.jpg")"><img src="@Url.Content("~/Content/images/gallery/6_thumb.jpg")" title="Titulo Imagen 12" alt="Titulo Imagen 12" class="thumb" /></a></div>
        </div>
      </div>
    </div>
  </div>
</div>

                  
        </section>
        <footer>
            <script src="@Url.Content("~/Scripts/jquery.easing.1.3.js")" type="text/javascript"></script>
            <script src="@Url.Content("~/Scripts/jquery.mousewheel.min.js")" type="text/javascript"></script>
            <script src="@Url.Content("~/Scripts/nav.js")" type="text/javascript"></script>
            <script src="@Url.Content("~/Scripts/gallery.js")" type="text/javascript"></script>
            <script src="@Url.Content("~/Scripts/jquery.mCustomScrollbar.js")" type="text/javascript"></script>
            <script src="@Url.Content("~/Scripts/autoclub.layout.js")" type="text/javascript"></script>
            <script language="javascript" type="text/javascript">
                AutoClub.Layout.Settings.ImageArray = ['@Url.Content("~/Content/images/gallery/2.jpg")', '@Url.Content("~/Content/images/gallery/3.jpg")', '@Url.Content("~/Content/images/gallery/4.jpg")', '@Url.Content("~/Content/images/gallery/5.jpg")', '@Url.Content("~/Content/images/gallery/6.jpg")'];
                AutoClub.Layout.Init();
            </script>
        </footer>
    </div>
</body>
</html>
